<%--
  Created by IntelliJ IDEA.
  Author: Deng PengFei
  Date: 2021/8/14
  Time: 16:30
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>教师课题申报</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <%--引入LayUI--%>
    <link href="../../layui/css/layui.css" rel="stylesheet">
    <script src="../../layui/layui.js"></script>
    <script src="../../js/jquery-3.1.0.js"></script>

    <style>

        body {
            background-color: #eeeeee;
        }

        .layui-row {
            padding: 10px;
            margin: 10px;
            background-color: white;
            border-radius: 5px;
        }

        .left {
            width: 20%;
            padding: 5px;
            text-align: right;
        }

        .right {
            width: 30%;
            padding: 5px;
        }


    </style>
</head>
<body>
<div class="layui-layout layui-layout-admin">


    <%--面包屑导航--%>
    <div class="layui-row">
            <span class="layui-breadcrumb">
             <a href="studentInfo.jsp">首页</a><a><cite>教师课题申报</cite></a>
            </span>
    </div>


    <%--老师课题盒子--%>
    <div class="layui-row">
        <%--老师课题信息表格--%>
        <table class="layui-hide" id="task-teacher-table" lay-filter="task-teacher-table"></table>

    </div>


</div>
</body>

<%--头部工具栏--%>
<div id="task-teacher-table-toolbar" style="display: none">
    <div class="test-table-reload-btn">
       <%-- <div class="layui-inline" style="border: #009f95 solid 1px">
            <label for="major"></label>
            <select id="major" lay-verify="">
                <option value="">--选择所属组织--</option>
                <option value="人工智能学院">人工智能学院</option>
                <option value="电信分院">电信分院</option>
                <option value="软件学院">软件学院</option>
            </select>
        </div>--%>
        <div class="layui-inline" style="border: #009f95 solid 1px">
            <label for="queryKey"></label>
            <input class="layui-input" id="queryKey" autocomplete="off" placeholder="工号/姓名/课题名称">
        </div>
        <a class="layui-btn layui-btn-primary layui-border-green" lay-event="query">搜 索</a> <%--按字段查询--%>
        <a class="layui-btn layui-btn-primary layui-border-green" lay-event="queryAll">全部信息</a> <%--查询全部--%>
        <a class="layui-btn layui-btn-primary layui-border-green" lay-event="add-task-teacher">申报课题</a> <%--查询全部--%>
    </div>
</div>

<%--操作栏--%>
<div id="msg-table-tool" style="display: none">
    <button class="layui-btn layui-btn-radius  layui-btn-primary layui-border-blue layui-btn-xs" lay-event="detail">
        详情
    </button>
</div>


<%--课题详情模板--%>
<div class="layui-row" id="task-detail" style="display: none">
    <table class="layui-table" lay-skin="line">
        <thead>
        <tr>
            <td colspan="4"><h2>选题详情</h2></td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="left">编号:</td>
            <td class="right" id="task-id"></td>
        </tr>
        <tr>
            <td class="left">标题:</td>
            <td class="right" id="task-title"></td>
            <td class="left">题目来源:</td>
            <td class="right" id="task-from"></td>
        </tr>
        <tr>
            <td class="left">申请教师工号号</td>
            <td class="right" id="task-tno"></td>
            <td class="left">申请时间</td>
            <td class="right" id="task-addtime"></td>

        </tr>
        <tr>
            <td class="left">题目类别:</td>
            <td class="right" id="task-category"></td>
            <td class="left">题目性质:</td>
            <td class="right" id="task-nature"></td>
        </tr>
        <tr>
            <td class="left">课题简介:</td>
            <td class="right" colspan="3" id="task-intr"></td>
        </tr>
        <tr>
            <td class="left">选题学院:</td>
            <td class="right" id="task-college"></td>
            <td class="left">选题专业:</td>
            <td class="right" id="task-major"></td>
        </tr>
        <tr>
            <td class="left">指导老师姓名:</td>
            <td class="right" id="task-teacherName"></td>
            <td class="left">指导老师编号:</td>
            <td class="right" id="task-teacherNO"></td>
        </tr>
        <tr>
            <td class="left">课题状态:</td>
            <td class="right" id="task-state"></td>
        </tr>
        <tr>
            <td class="left">审核意见:</td>
            <td class="right" id="task-opinion"></td>
        </tr>
        </tbody>
    </table>
</div>


<%--申请课题模板--%>
<div class="layui-row" style="display: none" id="add-task-teacher">
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-header">申报一个新的课题-每项都为必填项</div>
            <div class="layui-card-body" style="padding: 15px;">
                <form class="layui-form" action="" method="post">

                    <div class="layui-form-item">
                        <label class="layui-form-label" for="title">课题标题</label>
                        <div class="layui-input-block">
                            <input type="text" id="title" name="title" lay-verify="required" autocomplete="off"
                                   placeholder="请输入课题标题" class="layui-input">
                        </div>
                    </div>


                    <div class="layui-form-item">
                        <label class="layui-form-label" for="college">可选专业</label>
                        <div class="layui-input-block">
                            <div class="layui-inline">
                                <select id="college" name="college" autocomplete="off" lay-verify="required">
                                    <option value="">--选择所属学院--</option>
                                    <option value="人工智能学院">人工智能学院</option>
                                    <option value="电信分院">电信分院</option>
                                    <option value="软件学院">软件学院</option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <label>
                                    <select id="major1" name="major" autocomplete="off" lay-verify="required">
                                        <option value="">请选择专业</option>
                                        <option value="计算机科学与技术">计算机科学与技术</option>
                                        <option value="软件工程">软件工程</option>
                                        <option value="电商专业">电商专业</option>
                                    </select>
                                </label>
                            </div>
                        </div>
                    </div>


                    <div class="layui-form-item">
                        <label class="layui-form-label">课题来源</label>
                        <div class="layui-input-block">
                            <input type="radio" name="from" value="省部级以上" title="省部级以上" checked>
                            <input type="radio" name="from" value="校级" title="校级">
                            <input type="radio" name="from" value="横向" title="横向">
                            <input type="radio" name="from" value="自选" title="自选">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">题目性质</label>
                        <div class="layui-input-block">
                            <input type="radio" name="nature" value="理论研究" title="理论研究" checked>
                            <input type="radio" name="nature" value="应用与理论研究" title="应用与理论研究">
                            <input type="radio" name="nature" value="应用研究" title="应用研究">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" for="category">课题类别</label>
                        <div class="layui-input-block">
                            <select id="category" name="category" autocomplete="off" lay-verify="required">
                                <option value="">请选择课题类别</option>
                                <option value="理工类">理工类</option>
                                <option value="文科类">文科类</option>
                            </select>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" for="taskText">课题简介</label>
                        <div class="layui-input-block">
                            <textarea id="taskText" name="taskText" placeholder="输入课题简介" class="layui-textarea"
                                      lay-verify="required"></textarea>
                        </div>
                    </div>

                    <div class="layui-form-item layui-layout-admin">
                        <div class="layui-input-block">
                            <button class="layui-btn">保存</button>
                            <button class="layui-btn" lay-submit
                                    lay-filter="teacher-add-task-btn">立即提交
                            </button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
    let USERNAME;
    $(function () {
        USERNAME = '${sessionScope.userName}';
    });
</script>
<script src="js/taskteacher.js"></script>


</html>
